<template>
    <!-- 租客列表-->
    <view class="list">
        <view class="list_search">

            <up-input v-model="form.search" placeholder="请输入租客名称/房源编号" border="none" prefixIcon="search" prefixIconStyle="font-size: 16px;color: #909399" customStyle="background: #F9F9F9;border-radius: 34rpx; padding: 20rpx"></up-input>

        </view>
        <view class="list_select"></view>
        <view class="list_title">
            租客列表
        </view>
        <view class="list_ul">
            <view class="list_li">
                <view class="list_li_item">
                    <view class="list_li_item_state"></view>
                    <view class="list_li_item_label">租客名称</view>
                    <view class="list_li_item_content"></view>
                </view>
                <view class="list_li_item">
                    <view class="list_li_item_state"></view>
                    <view class="list_li_item_label">所属项目</view>
                    <view class="list_li_item_content"></view>
                </view>
                <view class="list_li_item">
                    <view class="list_li_item_state"></view>
                    <view class="list_li_item_label">房源编号</view>
                    <view class="list_li_item_content"></view>
                </view>
                <view class="list_li_item">
                    <view class="list_li_item_state"></view>
                    <view class="list_li_item_label">人员数量</view>
                    <view class="list_li_item_content"></view>
                </view>
                <view class="list_li_item">
                    <view class="list_li_item_state"></view>
                    <view class="list_li_item_label">合同/账单</view>
                    <view class="list_li_item_content"></view>
                </view>

            </view>
        </view>
    </view>
</template>

<script setup >
import {ref} from "vue";

const form = ref({
    search:""
})
const search = ()=>{

}
</script>

<style lang="scss" scoped>
.list{
    .list_search{
        height: 54px;
        padding: 10px;
        background-color: #FFFFFF;
    }
    .list_select{}
    .list_title{}
    .list_ul{
        .list_li{
            .list_li_item{
                .list_li_item_state{

                }
                .list_li_item_label{

                }
                .list_li_item_content{

                }
            }
        }
    }
}

</style>